<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>电视剧详情列表</title>
		<style>
			*{
				margin:0;
				padding:0;
			}
			.box{
				width:300px;
				margin: 10px auto;
			}
			h4{
				font-size:10px;
			}
			.box>h4{
				border: 1px darkgrey solid;
				height: 27px;
				line-height: 27px;
				padding-left: 38px;
				background: url(img/1.gif) no-repeat 8px 8px;
			}
			.box>h4 a:link{
				color: black;
				text-decoration:none;
			}
			.box>h4 a:hover{
				color: maroon;
			}
			img{
				border: 0px darkgrey solid;
				padding: 2px;
				margin-top:14px;
				
			}
			.b{
				border: aqua 0px solid;
				width:160px;
				float:right;
				margin: 30px 5px;
											}
			.b p{
				font-size: 10px;
				line-height: 24px;
				color: gray;
			}
			a:link{
				color: gray;
				text-decoration: none;
				font-size: 10px;
			}
			li{
				border: red 0px solid;
				display: inline-block;
				width:300px;
				list-style: none;
				line-height: 24px;
			}
			a:hover{
				text-decoration: underline;
				color:orangered;
			}
			ul{
				border: red 0px solid;
			}
			.text{
				float: left;
			}
			.name{
				float: right;
			}
			span a:link{
				color: gray;
			}
			
		</style>
	</head>

	<body>
		<div class="box">
			<h4><a href="#">明星荐片</a></h4>
			<img src="img/3.gif" />
			<div class="b">
			    <h4>周秀娜荐片:让子弹飞</h4>
			    <p>导演：姜文</p> <p>主演：姜文 周润发 葛优 </p><p>点评：我最喜欢的要算《让子弹飞》了,超喜欢...<span><a href="#">[详情]</a></span></p>
			</div>
			<ul>
				<li><a href="#" class="text">《巴别塔》：好的故事引人深思</a><a href="#" class="name">阿朵</a></li>
				<li><a href="#" class="text">《洛杉矶之战》：外星人那么弱智？</a><a href="#" class="name">丁子俊</a></li>
				<li><a href="#" class="text">《让子弹飞》：武侠里也可以有爱情</a><a href="#" class="name">周秀娜</a></li>
				<li><a href="#" class="text">《剑雨》：好的故事引人深思</a><a href="#" class="name">叶年生</a></li>
				<li><a href="#" class="text">《春风沉醉的夜晚》：非常真实</a><a href="#" class="name">如小果</a></li>
				<li><a href="#" class="text">《克洛伊》：故事简单却细致</a><a href="#" class="name">刘若英</a></li>
			</ul>
		</div>
	</body>

</html>